<template>
  <view class="page">
    <view class="loginBox">
      <image src="https://copartner.oss-cn-beijing.aliyuncs.com/logo/2404/29/EiYgAexsPLV7yGpIXwJGLBmCio88msgZcZBAWweq.png"></image>
      <view class="content">
        <view class="content_title">你还未登录</view>
        <view class="content_toast">请先登录进行操作</view>
        <view class="content_operate">
          <view
            class="button"
            style="--bgColor: #cecece; margin-right: 20rpx"
            @click="back"
            >暂不登录</view
          >
          <view class="button" style="--bgColor: #40ae36" @click="toLogin"
            >立即登录</view
          >
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {},
  methods: {
    back() {
      uni.switchTab({
        url: "/pages/tabar/index",
      });
    },
    toLogin() {
      uni.navigateTo({
        url: "/subpack/account/login",
      });
    },
  },
};
</script>

<style lang="scss">
.page {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  .loginBox {
    width: 580rpx;
    image {
      width: 100%;
      height: 300rpx;
      display: block;
    }
    .content {
      width: 100%;
      background: white;
      text-align: center;
      padding: 30rpx 0;
      border-radius: 0 0 30rpx 30rpx;
      &_title {
        font-weight: 800;
        font-size: 36rpx;
        color: #333333;
      }
      &_toast {
        font-size: 30rpx;
        color: #999999;
        margin-top: 10rpx;
      }
      &_operate {
        display: flex;
        justify-content: center;
        margin-top: 20rpx;
        .button {
          border-radius: 35px;
          width: 190rpx;
          height: 70rpx;
          line-height: 70rpx;
          text-align: center;
          color: white;
          background: var(--bgColor);
        }
      }
    }
  }
}
</style>
